<template>
  <div>
    <Header/>
    <!-- 路由展示区域 -->
    <router-view></router-view>
    <!-- 
      根据路由控制footer组件是否隐藏
      方式1: 根据路径控制Footer组件的v-show
      方式2: 在路由表配置路由元信息
    -->
    <!-- 方式1 -->
    <!-- <Footer v-show="$route.path === '/home' || $route.path === '/search'" /> -->
    <!-- 方式2 -->
    <Footer v-show="!$route.meta.isFooterHide" />
  </div>
</template>
<script>
import Header from '@comp/Header'
import Footer from '@comp/Footer'
export default {
  components:{
    Header,
    Footer
  },
}
</script>
<style>
</style>